import App from './App'

// #ifndef VUE3
import Vue from 'vue'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
    ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif


/* 
 1. 配置项目中mainfest.json, 微信小程序的APPID
 2. 工具-设置 - 运行设置： 添加小程序开发工具的路径
 3. 在微信小程序开发工具里面，设置-安全设置-开启 服务器端口
 4. 运行 - 小程序模拟器-微信开发工具： 
 
 */

/* 
为了实现多端兼容要遵循一下规范
1、页面遵循vue的单页面规范 
以.vue命名 里面分为template script style三个部分
2、组件遵循小程序组件
布局的时候不用div还是用的小程序中的组件如view
3、接口靠近小程序接口规范，但是把wx变成uni
4、数据绑定和事件遵循vue、同时补充小程序的生命周期
5、用flex布局 

import { onReady } from '@dcloudio/uni-app'

在setup(){
	使用小程序的生命周期函数时，需要从 @dcloudio/uni-app' 导出对应的方法
	 onReady(() => {
	      console.log('onReady')
	    })
}

uniapp项目CSS样式的注意事项:
1、还是使用rpx
2、不能使用*通配符选择器
3、页面中page等于body
4、不支持媒体查询
5、不能在 style 中引入字体文件
6、不能使用百分比布局，如width：100%
7、不支持在css里写背景图background-image，但可以使用image组件和层级来实现类似web中的背景效果
8、使用image标签，支持使用base64
9、文字内容，必须只能在text组件下，text组件不能换行写内容，否则会出现无法去除的周边空白
10、只有text标签可以设置字体大小，字体颜色
11、css文件或style标签内引入css文件时（scss、less文件同理），可以使用相对路径或绝对路径
// 绝对路径 
background-image:url(/static/logo.png);
background-image:url(@/static/logo.png);
 相对路径 
background-image:url(../../static/logo.png);


globalStyle
用于设置应用的状态栏、导航条、标题、窗口背景色等。 等同于小程序里面的app.json中的配置

 */